window.onload = function () {
  // banner轮播
  var mySwiper = new Swiper("#swiper-banner", {
    autoplay: {
      delay: 5000, //1秒切换一次
    },
    effect: "fade",
    loop: true, // 循环模式选项
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swiper-button-next",
      prevEl: ".swiper-button-prev",
    },
  });
  //首页img轮播
  var mySwiper = new Swiper("#swiper-img", {
    autoplay: {
      delay: 5000, //1秒切换一次
    },
    effect: "fade",
    loop: true, // 循环模式选项
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swpbtnTwo",
      prevEl: ".swpbtnOne",
    },
  });
  //img轮播
  var mySwiper = new Swiper("#swiper-imgs", {
    autoplay: {
      delay: 5000, //1秒切换一次
    },
    effect: "fade",
    loop: true, // 循环模式选项
    // 如果需要前进后退按钮
    navigation: {
      nextEl: ".swpbtnTwos",
      prevEl: ".swpbtnOnes",
    },
  });
  //  选项卡切换
  $(function () {
    // 第一行
    $(".cmpfInfo .cmpfAll:gt(0)").hide();
    $(".cmpfCase li").click(function () {
      $(this).addClass("change").siblings().removeClass("change");
      var f = $(this).index();
      $(".cmpfInfo").find(".cmpfAll").eq(f).show().siblings().hide();
    });

    // 第二行
    $(".cmproInfo .cmproAll:gt(0)").hide();
    $(".cmproCase li").click(function () {
      $(this).addClass("change").siblings().removeClass("change");
      var f = $(this).index();
      $(".cmproInfo").find(".cmproAll").eq(f).show().siblings().hide();
    });
  });

  // 草莓知识页轮播
  $(".lunbo>p:not(:eq(0))").hide();
  $(".dian").css("background", "white");
  $(".dian").css("background", "#f2f2f2");
  $(".dian").eq(0).css("background", "#029a35");
  $(".dianz>.dian").mouseover(function () {
    var f = $(this).index();
    $(".lunbo p").eq(f).show().siblings().hide();
    $(this).css("background", "#029a35").siblings().css("background", "#fff");
  });
  // $(function () {
  //   var num = -800; //向左走  每次定时器加这个值
  //   setInterval(function () {
  //     var num1 = $(".inner > ul").position().left + num;
  //     if (num1 == -3200) {
  //       num1 = 0;
  //     }
  //     $(".inner > ul").animate({ left: num1 }, 500);
  //   }, 2000);
  // });

  //上下无缝轮播
  // var ROLL_SPEED = 100;
  // var noticeList1 = $("#notice-list");
  // var noticeList2 = $("#notice-list-2");
  // var listWrapper = $("#list-wrapper");
  // noticeList2.html(noticeList1.html());
  // listWrapper.css("top", 0);
  // var timer = setInterval(rollStart, ROLL_SPEED);
  // function rollStart() {
  //   if (Math.abs(_subStr(listWrapper.css("top"))) >= noticeList1.height()) {
  //     listWrapper.css("top", 0);
  //   } else {
  //     var top = listWrapper.css("top");
  //     listWrapper.css("top", _subStr(top) - 1);
  //   }
  // }
  // 左右无缝衔接
  var num = 0;
  function goLeft() {
    //750是根据你给的尺寸，可变的
    if (num == -750) {
      num = 0;
    }
    num -= 1;
    $(".scroll").css({
      left: num,
    });
  }
  //设置滚动速度
  var timer = setInterval(goLeft, 20);
  //设置鼠标经过时滚动停止
  $(".box").hover(
    function () {
      clearInterval(timer);
    },
    function () {
      timer = setInterval(goLeft, 20);
    }
  );
  // 截取px前数值
  function _subStr(str) {
    var index = str.indexOf("px");
    if (index > -1) {
      return parseFloat(str.substr(0, index + 1));
    }
  }
  // 判断产品中心的位置
  $(".product").mouseover(function () {
    $(".product-menu").hide(); //隐藏
  });
  $(".product").mouseout(function () {
    $(".product-menu").show(); //显示
  });
};

$(window).scroll(function () {
  var scrollTop = $(document).scrollTop();
  if (scrollTop >= 50) {
    $(".menu").css({ top: "0", position: "fixed", "z-index": 9 });
    $("#swiper-banner").css({
      "margin-top": "0px",
    });
    $(".product-menu").hide();
  } else {
    $(".menu").css({
      top: "inherit",
      position: "absolute",
    });
    $("#swiper-banner").css({
      "margin-top": "50px",
    });
    $(".product-menu").show();
  }
});
